.grid-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
    padding: 16px;
}

.grid-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: grab;
    touch-action: none;
    /* 防止移动端触摸滚动干扰 */
}

.grid-item:active {
    cursor: grabbing;
}

/* 拖拽时的样式 */
.grid-item.dragging {
    opacity: 0.5;
    z-index: 1000;
}